﻿﻿<div class="wrap">
			<!--左边栏-->
			<div class="lt">
			<div class="exerupload"><a id="btn_upload" role="button" class="btn btn-success" href="exer_upload.html" target="_self"><i class="fa fa-upload"></i>上传习题</a></div>
			<div class="sidebar">			
				<!--下拉框-->
				<div class="btn-group">
					<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
						{{Allsubject[i].name+Allsubject[i].courseName}} <span class="caret"></span>
					</button>
					<ul class="dropdown-menu sbjlist" role="menu" id="pagin">
						<li>
							<i>学科：</i>
							<span >
							<a ng-repeat="x in Allsubject track by $index" ng-click="cgIndex($index)" role="button" ng-class="{active:i==$index}" >{{x.name+x.courseName}}</a>
							</span>
						</li>
						<li>
							<i>教材：</i>
							<span>
								<a ng-click="materialChange('','',0)" ng-class="{active:j==0}">全部</a>
							<a ng-repeat="c in Material track by $index" ng-class="{active:j==$index+1}" ng-click="materialChange(c.id,c.publisher_name,$index+1)">{{c.publisher_name}}</a>
							</span>
						</li>
						<li>
							<i>册别：</i>
							<span>
							<a ng-repeat="x in booktype">{{x.book_type}}</a>
							</span>
						</li>
					</ul>
				</div>
				<!--end下拉框-->
				
				<!--TAB标签-->
				<ul class="nav nav-tabs" id="myTab">
					<i></i>
					<li class="active" ng-click="chapterChange('') "><a href="/#first" data-toggle="tab">按章节</a></li>
					<li ng-click="knowledgeChange('')"><a href="/#second" data-toggle="tab">按知识点</a></li>
				</ul>
				<div id="myTabContent" class="tab-content">
					
					<div class="tab-pane fade in active" id="first">
						<div class="panel-group" id="accordion">
							<!--<div class="panel panel-default">-->
								<!--<div class="panel-heading chapter">-->
									<!--<h4 class="panel-title">-->
								<!--<a class="active" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">-->
									<!--<i class="glyphicon glyphicon-bookmark"></i>-->
									<!--化学基本概念-->
									<!--<span class="glyphicon glyphicon-chevron-down arrow"></span>-->
								<!--</a>-->
							<!--</h4>-->
								<!--</div>-->
								<!--<div id="collapseOne" class="panel-collapse collapse in">-->
									<!--<div class="panel-body">-->
										<!--<ul>-->
											<!--<li><a href="#" class="active">阿伏加德罗定律</a></li>-->
											<!--<li><a href="#">离子共存</a></li>-->
											<!--<li><a href="#">氧化性、还原性强弱的判断</a></li>-->
											<!--<li><a href="#">比较金属性强弱的依据</a></li>-->
											<!--<li><a href="#">比较非金属性强弱的依据</a></li>-->
											<!--<li><a href="#">微粒小结</a></li>-->
										<!--</ul>-->
									<!--</div>-->
								<!--</div>-->
							<!--</div>-->
							<div class="panel panel-default" ng-repeat="x in parentChapter">
								<div class="panel-heading chapter">
									<h4 class="panel-title" ng-click="chapterChange(x.id)">
								<a data-toggle="collapse" data-parent="#accordion" href="/#collapse{{$index+1}}">
									<i class="glyphicon glyphicon-bookmark"></i>
									{{x.chapter_name}}
									<span class="glyphicon glyphicon-chevron-down arrow"></span>
								</a>
							</h4>
								</div>
								<div id="collapse{{$index+1}}" class="panel-collapse collapse">
									<div class="panel-body">
										<ul>
											<li ng-repeat="a in x.chptree" ng-click="chapterChange(a.id)"><a>{{a.chapter_name}}</a></li>
										</ul>
									</div>
								</div>
							</div>
							<!--<div class="panel panel-default fillet">-->
							<!--<div class="panel-heading chapter">-->
								<!--<h4 class="panel-title">-->
							<!--<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">-->
								<!--<i class="glyphicon glyphicon-bookmark"></i>-->
								<!--物质结构与性质-->
								<!--<span class="glyphicon glyphicon-chevron-down arrow"></span>-->
							<!--</a>-->
						<!--</h4>-->
							<!--</div>-->
							<!--<div id="collapseThree" class="panel-collapse collapse">-->
								<!--<div class="panel-body">-->
									<!--<ul>-->
										<!--<li><a href="#">阿伏加德罗定律</a></li>-->
										<!--<li><a href="#">离子共存</a></li>-->
										<!--<li><a href="#">氧化性、还原性强弱的判断</a></li>-->
										<!--<li><a href="#">比较金属性强弱的依据</a></li>-->
										<!--<li><a href="#">比较非金属性强弱的依据</a></li>-->
										<!--<li><a href="#">微粒小结</a></li>-->
									<!--</ul>-->
								<!--</div>-->
							<!--</div>-->
						<!--</div>-->
						</div>
					</div>
				
					<div class="tab-pane fade" id="second">
						<div class="panel-group" id="accordion">
							<!--<div class="panel panel-default">-->
								<!--<div class="panel-heading chapter">-->
									<!--<h4 class="panel-title">-->
								<!--<a class="active" data-toggle="collapse" data-parent="#accordion1" href="#collapseOne1">-->
									<!--<i class="glyphicon glyphicon-bookmark"></i>-->
									<!--化学基本概念-->
									<!--<span class="glyphicon glyphicon-chevron-up arrow"></span>-->
								<!--</a>-->
							<!--</h4>-->
								<!--</div>-->
								<!--<div id="collapseOne1" class="panel-collapse collapse in">-->
									<!--<div class="panel-body">-->
										<!--<ul>-->
											<!--<li><a href="#" class="active">阿伏加德罗定律</a></li>-->
											<!--<li><a href="#">离子共存</a></li>-->
											<!--<li><a href="#">氧化性、还原性强弱的判断</a></li>-->
											<!--<li><a href="#">比较金属性强弱的依据</a></li>-->
											<!--<li><a href="#">比较非金属性强弱的依据</a></li>-->
											<!--<li><a href="#">微粒小结</a></li>-->
										<!--</ul>-->
									<!--</div>-->
								<!--</div>-->
							<!--</div>-->
							<!--<div class="panel panel-default">-->
								<!--<div class="panel-heading chapter">-->
									<!--<h4 class="panel-title">-->
								<!--<a data-toggle="collapse" data-parent="#accordion1" href="#collapseTwo1">-->
									<!--<i class="glyphicon glyphicon-bookmark"></i>-->
									<!--重要的无机物-->
									<!--<span class="glyphicon glyphicon-chevron-down arrow"></span>-->
								<!--</a>-->
							<!--</h4>-->
								<!--</div>-->
								<!--<div id="collapseTwo1" class="panel-collapse collapse">-->
									<!--<div class="panel-body">-->
										<!--<ul>-->
											<!--<li><a href="#">阿伏加德罗定律</a></li>-->
											<!--<li><a href="#">离子共存</a></li>-->
											<!--<li><a href="#">氧化性、还原性强弱的判断</a></li>-->
											<!--<li><a href="#">比较金属性强弱的依据</a></li>-->
											<!--<li><a href="#">比较非金属性强弱的依据</a></li>-->
											<!--<li><a href="#">微粒小结</a></li>-->
										<!--</ul>-->
									<!--</div>-->
								<!--</div>-->
							<!--</div>-->
							<div class="panel panel-default" ng-repeat="x in point"
								 ng-click="knowledgeChange(x.id,$index)">
							<div class="panel-heading chapter">
								<h4 class="panel-title">
									<a ng-class='{bgselect: selectbg==$index}'>
								<i class="glyphicon glyphicon-bookmark"></i>
								{{x.name}}
								<!--<span class="glyphicon glyphicon-chevron-down arrow"></span>-->
							</a>
						</h4>
							</div>
							<!--<div id="collapseThree{{$index+1}}" class="panel-collapse collapse">-->
								<!--<div class="panel-body">-->
									<!--<ul>-->
										<!--<li><a href="#">阿伏加德罗定律</a></li>-->
										<!--<li><a href="#">离子共存</a></li>-->
										<!--<li><a href="#">氧化性、还原性强弱的判断</a></li>-->
										<!--<li><a href="#">比较金属性强弱的依据</a></li>-->
										<!--<li><a href="#">比较非金属性强弱的依据</a></li>-->
										<!--<li><a href="#">微粒小结</a></li>-->
									<!--</ul>-->
								<!--</div>-->
							<!--</div>-->
						</div>
						</div>
					</div>
				</div>
				<!--end TAB标签-->
			</div>
			</div>
			<!--
			<script>
				$(function() {
					$(".panel-heading").click(function(e) {
						/*切换折叠指示图标*/
						$(this).find("span").toggleClass("glyphicon-chevron-down");
						$(this).find("span").toggleClass("glyphicon-chevron-up");
					});
				});
			</script>
			-->
			<!--end 左边栏-->
			
			<!--右侧-->
			<div class="rt rightside">
				<!--条件删选-->
				<div class="condition">	
					<ul class="select">
						<!--<li class="select-list">-->
							<!--<dl id="select1">-->
								<!--<dt>教材：</dt>-->
								<!--<dd class="select-all" ng-class="{selected:cgcolor==10}" ng-click="materialChange('',10)"><a role="button">全部</a></dd>-->
								<!--<dd ng-repeat="x in Material track by x.id" ng-class="{selected:cgcolor==$index}" ng-click="materialChange(x.id,$index)" ><a role="button">{{x.publisher_name}}</a></dd>-->
							<!--</dl>-->
						<!--</li>-->
						<li class="select-list">
							<dl id="select2">
								<dt>试题场景：</dt>
								<dd class="select-all" ng-class="{selected:cgcolor1==10}" ng-click="placeChange('',10)"><a role="button">全部</a></dd>
								<dd ng-repeat="x in place track by $index" ng-class="{selected:cgcolor1==$index}" ng-click="placeChange(x.id,$index)"><a role="button">{{x.placename}}</a></dd>
							</dl>
						</li>
						<li class="select-list">
							<dl id="select3">
								<dt>题型：</dt>
								<dd class="select-all" ng-class="{selected:cgcolor2==10}" ng-click="typeChange('',10)"><a role="button">全部</a></dd>
								<dd ng-repeat="x in type track by $index" ng-class="{selected:cgcolor2==$index}" ng-click="typeChange(x.id,$index)"><a role="button">{{x.name}}</a></dd>
							</dl>
						</li>
						<li class="select-list">
							<dl id="select4">
								<dt>难度：</dt>
								<dd class="select-all selected" ng-class="{selected:cgcolor3==10}" ng-click="diffChange('',10)"><a role="button">全部</a></dd>
								<dd ng-repeat="x in diff" ng-class="{selected:cgcolor3==$index}" ng-click="diffChange(x.id,$index)"><a role="button">{{x.defficultname}}</a></dd>
							</dl>
						</li>
					</ul>
				</div>
				<!--end 条件删选-->
				
				<!--排序-->
				<div class="sort">
					<ul class="lt">
						<li ng-click="loadtypeChange(0)"> <a role="button" ng-class="{bg11:bg==0}">我的习题</a></li>
						<li ng-click="loadtypeChange(1)"><a role="button"  ng-class="{bg11:bg==1}">最新上传</a></li>
						<li ng-click="loadtypeChange(2)"><a role="button"  ng-class="{bg11:bg==2}">浏览最多</a></li>
						<li ng-click="loadtypeChange(3)" ><a role="button" ng-class="{bg11:bg==3}">难度</a></li>
					</ul>
					<div class="r_button rt">
					<span>{{contentNum.dataCount}}题/{{pagenum.length}}页</span>
					<!--<button type="button" class="btn btn-warning">全部加入试卷</button>-->
					</div>
				</div>
				<!--end 排序-->
				
				<!--题目-->
				<div class="content panel-group" id="accordion2">
					<div class="subject" ng-repeat="x in contentData track by $index">
						<!--<button type="button" class="btn btn-warning"><i class="fa fa-plus-square"></i>选择此题</button>-->
						<h6><span>题{{$index+1}}</span>{{x.name}}</h6>
						<ul>
							<li ng-repeat="a in x.xt_exercises_list track by $index"><span>{{a.name}}</span>{{a.namestr}}</li>
						</ul>
						<p>来源：【百强校】2016-2017学年江苏省扬州中学高一上期中化学卷（带解析）</p>
						<div class="bottombar">
                            <!--<ul class="rt">-->
								<!--<li><a href="#"><i class="fa fa-exclamation-circle"></i>习题纠错</a></li>-->
								<!--<li><a href="#"><i class="fa fa-image"></i>幻灯片播放</a></li>-->
								<!--<li><a href="#"><i class="fa fa-thumbs-o-up"></i>加精</a></li>-->
							<!--</ul>-->
                            <ul class="lt">
                                <li title="难度"><i class="fa fa-codepen"></i>基础</li>
                                <li title="平均用时"><i class="fa fa-clock-o"></i>50"</li>
								<li><i class="fa fa-eye"></i>{{x.readnum}}次</li>
								<li><i class="fa fa-pencil-square-o"></i>填空题</li>
								<li><i class="fa fa-calendar"></i>2017-04-11</li>
							</ul>
						</div>
						<div class="panel panel-default answer">
								<div class="panel-heading chapter">
									<h4 class="panel-title">
								<a data-toggle="collapse" data-parent="#accordion{{$index}}" href="/#collapseOne{{$index}}" ng-click="pause('media'+$index)">
									<i>正确答案&解析</i>
									<span class="glyphicon glyphicon-chevron-down"></span>
								</a>
							</h4>
								</div>
								<div id="collapseOne{{$index}}" class="panel-collapse collapse">
									<div class="panel-body">
										<p>正确答案：<span>{{x.xt_answer_result[0].answername}}</span></p>
										<p>解析：</p>
										<p>{{x.exercisesanalysis}}</p>
										<p>
											<video id="media{{$index}}" controls="controls" width="580px"
												   height="480px">
											您的浏览器不支持 video 标签。
										</video></p>
									</div>
								</div>
							</div>
					</div>
					<!--<div class="subject">-->
						<!--<button type="button" class="btn btn-warning"><i class="fa fa-plus-square"></i>选择此题</button>-->
						<!--<h6><span>题2</span>下列离子方程式正确的是（）</h6>-->
						<!--<ul>-->
							<!--<li><span>A</span>硫酸镁溶液跟氢氧化钡溶液反应：SO42-+Ba2+=BaSO4↓</li>-->
							<!--<li><span>B</span>硫酸和氢氧化铜溶液混合：H++OH-=H2O</li>-->
							<!--<li><span>C</span>澄清石灰水中加入盐酸Ca(OH)2+2H+=Ca2++2H2O</li>-->
							<!--<li><span>D</span>铜片插入硝酸银溶液中：Cu+2Ag+=Cu2++2Ag</li>-->
						<!--</ul>-->
						<!--<p>来源：【百强校】2016-2017学年江苏省扬州中学高一上期中化学卷（带解析）</p>-->
						<!--<div class="bottombar">-->
							<!--<ul class="lt">-->
								<!--<li><a href="#"><i class="fa fa-exclamation-circle"></i>习题纠错</a></li>-->
								<!--<li><a href="#"><i class="fa fa-image"></i>幻灯片播放</a></li>-->
								<!--<li><a href="#"><i class="fa fa-thumbs-o-up"></i>加精</a></li>-->
							<!--</ul>-->
							<!--<ul class="rt">-->
								<!--<li><i class="fa fa-codepen"></i>基础</li>-->
								<!--<li><i class="fa fa-clock-o"></i>50"</li>-->
								<!--<li><i class="fa fa-eye"></i>35次</li>-->
								<!--<li><i class="fa fa-pencil-square-o"></i>填空题</li>-->
								<!--<li><i class="fa fa-calendar"></i>2017-04-11</li>-->
							<!--</ul>-->
						<!--</div>-->
						<!--<div class="panel panel-default answer">-->
								<!--<div class="panel-heading chapter">-->
									<!--<h4 class="panel-title">-->
								<!--<a data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo2">-->
									<!--<i>正确答案&解析</i>-->
									<!--<span class="glyphicon glyphicon-chevron-down"></span>-->
								<!--</a>-->
							<!--</h4>-->
								<!--</div>-->
								<!--<div id="collapseTwo2" class="panel-collapse collapse">-->
									<!--<div class="panel-body">-->
										<!--<p>正确答案：<span>C</span></p>-->
										<!--<p>解析：</p>-->
										<!--<p>A. 冷水浸泡属于物质的溶解  B. 加热煎制加热属于加热  C. 箅渣取液属于过滤操作  D. 灌装保存是液体的转移</p>-->
										<!--<p><img src="../../../images/common/img1.jpg" /></p>-->
									<!--</div>-->
								<!--</div>-->
							<!--</div>-->
					<!--</div>-->
					<!--<div class="subject">-->
						<!--<button type="button" class="btn btn-warning"><i class="fa fa-plus-square"></i>选择此题</button>-->
						<!--<h6><span>题3</span>下列离子方程式正确的是（）</h6>-->
						<!--<ul>-->
							<!--<li><span>A</span>硫酸镁溶液跟氢氧化钡溶液反应：SO42-+Ba2+=BaSO4↓</li>-->
							<!--<li><span>B</span>硫酸和氢氧化铜溶液混合：H++OH-=H2O</li>-->
							<!--<li><span>C</span>澄清石灰水中加入盐酸Ca(OH)2+2H+=Ca2++2H2O</li>-->
							<!--<li><span>D</span>铜片插入硝酸银溶液中：Cu+2Ag+=Cu2++2Ag</li>-->
						<!--</ul>-->
						<!--<p>来源：【百强校】2016-2017学年江苏省扬州中学高一上期中化学卷（带解析）</p>-->
						<!--<div class="bottombar">-->
							<!--<ul class="lt">-->
								<!--<li><a href="#"><i class="fa fa-exclamation-circle"></i>习题纠错</a></li>-->
								<!--<li><a href="#"><i class="fa fa-image"></i>幻灯片播放</a></li>-->
								<!--<li><a href="#"><i class="fa fa-thumbs-o-up"></i>加精</a></li>-->
							<!--</ul>-->
							<!--<ul class="rt">-->
								<!--<li><i class="fa fa-codepen"></i>基础</li>-->
								<!--<li><i class="fa fa-clock-o"></i>50"</li>-->
								<!--<li><i class="fa fa-eye"></i>35次</li>-->
								<!--<li><i class="fa fa-pencil-square-o"></i>填空题</li>-->
								<!--<li><i class="fa fa-calendar"></i>2017-04-11</li>-->
							<!--</ul>-->
						<!--</div>-->
						<!--<div class="panel panel-default answer">-->
								<!--<div class="panel-heading chapter">-->
									<!--<h4 class="panel-title">-->
								<!--<a data-toggle="collapse" data-parent="#accordion2" href="#collapseThree2">-->
									<!--<i>正确答案&解析</i>-->
									<!--<span class="glyphicon glyphicon-chevron-down"></span>-->
								<!--</a>-->
							<!--</h4>-->
								<!--</div>-->
								<!--<div id="collapseThree2" class="panel-collapse collapse">-->
									<!--<div class="panel-body">-->
										<!--<p>正确答案：<span>C</span></p>-->
										<!--<p>解析：</p>-->
										<!--<p>A. 冷水浸泡属于物质的溶解  B. 加热煎制加热属于加热  C. 箅渣取液属于过滤操作  D. 灌装保存是液体的转移</p>-->
										<!--<p><img src="../../../images/common/img1.jpg" /></p>-->
									<!--</div>-->
								<!--</div>-->
							<!--</div>-->
					<!--</div>-->
					
					<!--分页-->
					<ul class="pagination rt page">
						<li><button class="uppage"  ng-click="up()" ng-disabled='pageindex-1<=0'><i class="fa fa-caret-left"></i>上一页</button></li>
						<li ng-repeat="c in pagenum "><a  ng-class="{pahover:pageindex==$index}"  role="button" ng-click="pageindexChange($index)" >{{$index+1}}</a></li>
						<li><button class="uppage" role="button" ng-disabled="pageindex+1>=pagenum.length" ng-click="down()">下一页&nbsp;<i class="fa fa-caret-right"></i></button></li>
					</ul>
					<!--end 分页-->
				</div>
				<!--end 题目-->
			</div>
			<!--end 右侧-->
		</div>

		<div class="foot">宁波琢华软件科技有限公司</div>
<script>
    $("#pagin").on("click",function (e) {
		e.stopPropagation();
    })
</script>
